#{extends 'main.html' /} #{set title:'Home' /} #{form
@Application.address()} #{if connected} #{/if}#{if flash?.error}
<div class="error">
	<p style="color: #c00">${flash.error}</p>
</div>
#{/if} #{if flash?.success}
<div class="success">
	<p style="color: #5fa022">${flash.success}</p>
</div>
#{/if}
<div class="row-fluid">
	<div class="span5 offset1">
		<div class="hero-unit">
			<h1>Find us!</h1>
			<p>Enter your PLZ code to find the nearest service to your
				location:</p>
			<table>
				<tr>
					<td><label for="plz">PLZ:</label></td>
					<td><input  id="plz" name="plz" class="input-block-level"
						placeholder="Enter your postal code"> <span
						style="color: red" class="error">#{error 'plz' /}</span></td>
				</tr>
				<tr>
					<td><label for="address">Address:</label></td>
					<td><input  class="input-block-level" id="address" name="address"
						placeholder="Enter your street address"> <span
						style="color: red" class="error">#{error 'address' /}</span></td>
				</tr>
			</table>
			<p>
				</br> <input type="submit" value="Next" class="btn btn-primary btn-large" />
			</p>
		</div>
		#{/form}
	</div>
	<div class="span5">
		</br> <img src="../../public/images/process8.png"> </br> </br> </br>
		<div class="row-fluid span6 offset3">
			&nbsp;&nbsp;&nbsp;&nbsp; <a class="btn btn-large btn-primary"
				href="/Application/signin">Sign up today!!</a>
		</div>
		</br> </br> </br> </br>
		<div id="myCarousel" class="carousel slide">
			<ol class="carousel-indicators">
				<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
				<li data-target="#myCarousel" data-slide-to="1"></li>
				<li data-target="#myCarousel" data-slide-to="2"></li>
			</ol>
			<!-- Carousel items -->
			<div class="carousel-inner">
				<div class="active item">
					<img src="../../public/images/images/slide2.jpg" alt="Image">
				</div>
				<div class="item">
					<img src="../../public/images/images/slide.jpg" alt="Image">
				</div>
				<div class="item">
					<img src="../../public/images/images/slide1.jpg" alt="Image">
				</div>
			</div>
			<!-- Carousel nav -->
			<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
			<a class="carousel-control right" href="#myCarousel"
				data-slide="next">&rsaquo;</a>
		</div>
		</br>
	</div>
</div>
